<template>
	<view class="gdlist">
		<view class="item" v-for="(item, i) in list" :key="i">
			<view class="index">
				{{ i + 1 }}
			</view>
			<view class="cbox">
				<u-avatar :src="item.image"></u-avatar>
				<view class="info">
					<view class="row">
						<text>{{ phone_mask(item.phone)}}</text>
						<text>原始股东</text>
					</view>
					<text>{{ item.dtTime }}</text>
				</view>
			</view>
			<view class="rbox">
				<text>{{item.stock}}</text>
				<text>拥有股份</text>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	name: 'gdlist',
	props: {
		list: {
			type: Array | Number,
			default: () => {
				return [];
			}
		}
	},
	data() {
		return {};
	}
};
</script>

<style lang="less" scoped>
.gdlist {
	.item + .item {
		margin-top: 16rpx;
	}
	.item:nth-child(-n + 3) {
		.index {
			color: @basecolor !important;
		}
	}
	.item {
		display: flex;
		// align-items: center;
		// height: 160rpx;
		padding: 40rpx 24rpx;
		background: #ffffff;
		border-radius: 8rpx 8rpx 8rpx 8rpx;
		.j-active2();
		.index {
			display: flex;
			align-items: center;
			padding: 0 24rpx 0 18rpx;
			font-size: 28rpx;
			font-family: PingFang SC-Bold, PingFang SC;
			font-weight: bold;
			color: #000000;
		}

		.cbox {
			flex: 1;
			display: flex;
			align-items: center;
			flex-shrink: 0;
			image {
				width: 80rpx;
				height: 80rpx;
				background: #f5f5f5;
				border-radius: 50%;
			}
			.info {
				flex: 1;
				margin-left: 24rpx;
				.row {
					display: flex;
					align-items: center;
					text:nth-of-type(1) {
						margin-right: 16rpx;
						font-size: 32rpx;
						font-family: PingFang SC-Regular, PingFang SC;
						font-weight: 400;
						color: #000000;
					}
					text:nth-of-type(2) {
						display: flex;
						align-items: center;
						padding: 4rpx 8rpx;
						// height: 24rpx;
						background: #1c1212;
						border-radius: 2rpx 2rpx 2rpx 2rpx;
						font-size: 16rpx;
						font-family: PingFang SC-Regular, PingFang SC;
						font-weight: 400;
						color: #ffe9cc;
					}
				}
				& > text {
					font-size: 24rpx;
					font-family: PingFang SC-Regular, PingFang SC;
					font-weight: 400;
					color: #999999;
				}
			}
		}
		.rbox {
			display: flex;
			flex-direction: column;
			align-items: flex-end;
			justify-content: space-around;
			// height: 80rpx;

			text:nth-of-type(1) {
				font-size: 32rpx;
				font-family: PingFang SC-Regular, PingFang SC;
				font-weight: 400;
				color: #000000;
				&::after {
					content: '股';
					font-size: 20rpx;
					font-family: PingFang SC-Regular, PingFang SC;
					font-weight: 400;
					color: #000000;
					margin-left: 4rpx;
				}
			}
			text:nth-of-type(2) {
				font-size: 24rpx;
				font-family: PingFang SC-Regular, PingFang SC;
				font-weight: 400;
				color: #999999;
			}
		}
	}
}
</style>
